<template>
  <div>
    <h1>App...</h1>
    <!-- 3. 使用组件 -->
    <!-- 需求：需要将App组件的num数据交给ChildComp渲染 -->
    <!-- 以标签属性的方式传递props参数 -->
    <ChildComp :num="num" :update="update"/>
  </div>
</template>

<script>
// 1. 引入组件
import ChildComp from "./views/ChildComp";

export default {
  name: "App",
  // 2. 注册组件
  components: {
    ChildComp,
  },
  data() {
    return {
      num: 0,
    };
  },
  methods: {
    update() {
      this.num++;
    },
  },
};
</script>

<style>
</style>